import {useMemo} from "react";
import {Dropdown, Menu} from "antd";
import {UserOutlined, SettingOutlined, LogoutOutlined} from "@ant-design/icons";
function Header(props) {
    // 下拉菜单内容
	const menu = useMemo(() => <Menu>
        <Menu.Item icon={ <UserOutlined /> }>
            个人中心
        </Menu.Item>
        <Menu.Item icon={ <SettingOutlined /> }>
            个人设置
        </Menu.Item>
        <Menu.Item icon={ <LogoutOutlined /> } danger={ true }>
            退出
        </Menu.Item>
    </Menu>, []);
	return (
		<header className="header">
			<Dropdown overlay={ menu }>
				<div className="user_box">
					<img className="icon" src="https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png" />
					<div className="user_name">凝固热</div>
					<></>
				</div>
			</Dropdown>
		</header>
	);
}
export default Header;
